<%--
  Created by IntelliJ IDEA.
  User: jinxiangyu
  Date: 2021/10/30
  Time: 9:37
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<%@ taglib  uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib  uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <link rel="StyleSheet" href="CSS/1.css" type="text/css" media="screen" />

  <meta name="generator"
        content="HTML Tidy for Linux/x86 (vers 1st November 2002), see www.w3.org" />
  <title>JPetStore Demo</title>
  <meta content="text/html; charset=windows-1252"
        http-equiv="Content-Type" />
  <meta http-equiv="Cache-Control" content="max-age=0" />
  <meta http-equiv="Cache-Control" content="no-cache" />
  <meta http-equiv="expires" content="0" />
  <meta http-equiv="Expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
  <meta http-equiv="Pragma" content="no-cache" />
  <script src="${pageContext.request.contextPath}/js/jquery-3.6.0.min.js"></script>
  <link rel="StyleSheet" href="${pageContext.request.contextPath}/CSS/searchProduct.css" type="text/css" media="screen" />
</head>

<body>

<div id="Header">

  <div id="Logo">
    <div id="LogoContent">
      <a href="main"><img src="images/logo-topbar.gif" /></a>
    </div>
  </div>

  <div id="Menu">
    <div id="MenuContent">
      <a href="viewCart"><img align="middle" name="img_cart" src="images/cart.gif" /></a>
      <img align="middle" src="images/separator.gif" />

      <c:if test="${sessionScope.account==null}"><a href="signIn">Sign In</a></c:if>

      <c:if test="${sessionScope.account!=null}">
        <a href="signOut">Sign Out</a> <img align="middle" src="images/separator.gif" />
      </c:if>

      <c:if test="${sessionScope.account!=null}"><a href="myAccount">My Account</a> </c:if>

      <c:if test="${sessionScope.account!=null}"><a href="viewDailyLog">My DailyLog</a> </c:if>

      <img align="middle" src="images/separator.gif" /> <a href="viewHelp">?</a>
    </div>
  </div>

  <div id="Search">
    <div id="SearchContent">
      <form action="searchProducts" method="post">
        <input type="text" id="keyword" name="keyword" size="14" />
        <div class="auto hidden" id="auto">
          <div class="auto_out">1</div>
          <div class="auto_out">2</div>
        </div>
        <input type="submit" name="searchProducts" value="Search" />
        <script src="${pageContext.request.contextPath}/js/searchProduct.js"></script>
      </form>
    </div>
  </div>

  <div id="QuickLinks">
    <a href="viewCategory?categoryId=FISH"><img
            src="images/sm_fish.gif" /></a> <img src="images/separator.gif" />
    <a href="viewCategory?categoryId=DOGS"><img
            src="images/sm_dogs.gif" /></a> <img src="images/separator.gif" />
    <a href="viewCategory?categoryId=REPTILES"><img
            src="images/sm_reptiles.gif" /></a> <img
          src="images/separator.gif" />
    <a href="viewCategory?categoryId=CATS"><img
          src="images/sm_cats.gif" /></a> <img src="images/separator.gif" />
    <a href="viewCategory?categoryId=BIRDS"><img
            src="images/sm_birds.gif" /></a>
  </div>

</div>

<div id="Content">
